<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>
<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="dwz" uri="http://www.lyjuan.cn/dwz/tags" %>
<%@ page language="java"  pageEncoding="UTF-8" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=7"/>
    <%@include file="../../../dwz/basePath.jsp"%>
    <%@include file="../../../dwz/dwzPath.jsp"%>
    <%@include file="../../../dwz/httpSuf.jsp"%>
    <base href="${basePath}"/>
   
    <link href="${dwzPath}themes/default/style.css" rel="stylesheet" type="text/css"/>
    <link href="${dwzPath}themes/css/core.css" rel="stylesheet" type="text/css"/>
    <link href="${dwzPath}uploadify/css/uploadify.css" rel="stylesheet" type="text/css"/>
    <!--[if IE]>
    <link href="${dwzPath}themes/css/ieHack.css" rel="stylesheet" type="text/css"/>
    <![endif]-->
    <script src="${dwzPath}js/speedup.js" type="text/javascript"></script>
    <script src="${dwzPath}js/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="${dwzPath}js/jquery.cookie.js" type="text/javascript"></script>
    <script src="${dwzPath}js/jquery.validate.js" type="text/javascript"></script>
    <script src="${dwzPath}js/jquery.bgiframe.js" type="text/javascript"></script>
    <script src="${dwzPath}xheditor/xheditor-1.1.9-zh-cn.min.js" type="text/javascript"></script>
    <script src="${dwzPath}uploadify/scripts/jquery.uploadify.v2.1.0.js" type="text/javascript"></script>
    <script src="${dwzPath}js/dwz.min.js" type="text/javascript"></script>
    <script src="${dwzPath}js/dwz.custom.js" type="text/javascript"></script>
    <script src="${dwzPath}js/upload.js"></script>

    <!-- Highcharts -->
    <script src="${dwzPath}highcharts/highcharts.src.js"></script>
    <script src="${dwzPath}highcharts/modules/data.js"></script>
    <script src="${dwzPath}highcharts/modules/exporting.js"></script>

    <style>
        .pageContent table tbody tr:nth-child(odd){
            background-color:#e8eef1;
        }
        .pageContent table tbody a:hover{
            color:red;
        }
        .pageContent form input{
            width:200px;
        }
        .pageContent form input[type=radio],.pageContent form input[type=checkbox]
        {
            width:10px;
        }
        .pageContent form textarea{
            width:300px;
        }
    </style>

    <script type="text/javascript">
        var url = 'dwz/dwz.frag.xml';
        $(function () {
            DWZ.init(url, {
                loginUrl:"<dwz:url url="login/login"/>",	// 跳到登录页面
                statusCode: {ok: 200, error: 300, timeout: 301}, //【可选】
                pageInfo: {
                    pageNum: "pageNum",
                    numPerPage: "numPerPage",
                    orderField: "orderField",
                    orderDirection: "orderDirection"
                }, //【可选】
                debug: false,	// 调试模式 【true|false】
                callback: function () {
                    initEnv();
                    $("#themeList").theme({themeBase: "${dwzPath}/themes"}); // themeBase 相对于index页面的主题base路径
                }
            });
        });
    </script>
</head>

<body scroll="no">
<div id="layout">
    <div id="header">
        <div class="headerNav">
            <!-- <a class="logo" href="http://">标志</a> -->
            <div style="font-size: 25px;font-weight: bold;color: #fff;padding-left:10px;height: 40px;;padding-top: 10px;"><%-- TODO 项目名称--%></div>
            <ul class="nav">
                <li><a href="javascript:void(0);">您好, <sec:authentication property="principal.username"/>！</a></li>
                <!--
                <li><a href="changepwd.html" target="dialog" width="600">个人信息</a></li>
                <li><a href="changepwd.html" target="dialog" width="600">修改密码</a></li>
                -->
                <li><a href="login/logout${httpSuf}">退出</a></li>
            </ul>
            <ul class="themeList" id="themeList">
                <li theme="default">
                    <div class="selected">蓝色</div>
                </li>
                <li theme="green">
                    <div>绿色</div>
                </li>
                <!--<li theme="red"><div>红色</div></li>-->
                <li theme="purple">
                    <div>紫色</div>
                </li>
                <li theme="silver">
                    <div>银色</div>
                </li>
                <li theme="azure">
                    <div>天蓝</div>
                </li>
            </ul>
        </div>

        <!-- navMenu -->

    </div>

    <div id="leftside">
        <div id="sidebar_s">
            <div class="collapse">
                <div class="toggleCollapse">
                    <div></div>
                </div>
            </div>
        </div>
        <div id="sidebar">
            <div class="toggleCollapse"><h2>主菜单</h2>

                <div>收缩</div>
            </div>
            <div class="accordion" fillSpace="sidebar">
                <c:forEach items="${actions}" var="groups">

                    <div class="accordionHeader">
                        <h2><span>Folder</span>${groups.group.name}</h2>
                    </div>
                    <div class="accordionContent">
                        <ul class="tree treeFolder">
                            <c:forEach items="${groups.actions}" var="action">
                                <li>
                                    <dwz:elt htmlName="a" url="${action.actionurl}" rel="${action.rel}"
                                         target="${action.target}" fresh="true">${action.name}</dwz:elt>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
                </c:forEach>
            </div>
        </div>
    </div>
    <div id="container">
        <div id="navTab" class="tabsPage">
            <div class="tabsPageHeader">
                <div class="tabsPageHeaderContent"><!-- 显示左右控制时添加 class="tabsPageHeaderMargin" -->
                    <ul class="navTab-tab">
                        <li tabid="main" class="main"><a href="javascript:;"><span><span
                                class="home_icon">我的主页</span></span></a></li>
                    </ul>
                </div>
                <div class="tabsLeft">left</div>
                <!-- 禁用只需要添加一个样式 class="tabsLeft tabsLeftDisabled" -->
                <div class="tabsRight">right</div>
                <!-- 禁用只需要添加一个样式 class="tabsRight tabsRightDisabled" -->
                <div class="tabsMore">more</div>
            </div>
            <ul class="tabsMoreList">
                <li><a href="javascript:;">我的主页</a></li>
            </ul>
            <div class="navTab-panel tabsPageContent layoutBox">
                <div class="page unitBox">
                    <div class="accountInfo">
                        <p>

                        <h1 style="font-size: 22px;text-align: center;">
                            您好，<sec:authentication property="principal.username"/>。欢迎使用<%-- TODO 项目名称--%>管理后台！</h1></p>
                    </div>
                    <div class="pageFormContent" layoutH="80">
                        <h2 style="font-size: 18px;">系统操作说明： </h2>

                        <div style="margin:10px;line-height:1.8em;font-size: 18px;">
                            1.暂无
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

</div>

<div id="footer">Copyright &copy; 2016</div>

</body>
</html>
